﻿<!DOCTYPE html>
<html>
  <head>
    <title>购物车页面（学习中继器+变量使用）</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/购物车页面（学习中继器_变量使用）/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/ie.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="files/购物车页面（学习中继器_变量使用）/data.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (header) -->

      <!-- Unnamed (动态面板) -->
      <div id="u398" class="ax_default">
        <div id="u398_state0" class="panel_state" data-label="State1">
          <div id="u398_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u399" class="ax_default box_1">
              <div id="u399_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u400" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- 搜索框 (组合) -->
            <div id="u401" class="ax_default" data-label="搜索框">

              <!-- Unnamed (文本框) -->
              <div id="u402" class="ax_default text_field">
                <input id="u402_input" type="text" value=""/>
              </div>

              <!-- Unnamed (图片) -->
              <div id="u403" class="ax_default image">
                <img id="u403_img" class="img " src="images/网站首页（中继器_母版_动态面板）/u113.png"/>
                <!-- Unnamed () -->
                <div id="u404" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u405" class="ax_default image">
              <img id="u405_img" class="img " src="images/网站首页（中继器_母版_动态面板）/u115.png"/>
              <!-- Unnamed () -->
              <div id="u406" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u407" class="ax_default _二级标题">
              <div id="u407_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u408" class="text" style="visibility: visible;">
                <p><span>xxxx购物网站</span></p>
              </div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u409" class="ax_default line">
              <img id="u409_img" class="img " src="images/网站首页（中继器_母版_动态面板）/u119.png"/>
              <!-- Unnamed () -->
              <div id="u410" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- 首页 (矩形) -->
            <div id="u411" class="ax_default _三级标题" data-label="首页">
              <div id="u411_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u412" class="text" style="visibility: visible;">
                <p><span>首页</span></p>
              </div>
            </div>

            <!-- 美食 (矩形) -->
            <div id="u413" class="ax_default _三级标题" data-label="美食">
              <div id="u413_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u414" class="text" style="visibility: visible;">
                <p><span>美食保健</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u415" class="ax_default _三级标题">
              <div id="u415_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u416" class="text" style="visibility: visible;">
                <p><span>服饰鞋包</span></p>
              </div>
            </div>

            <!-- 美妆 (矩形) -->
            <div id="u417" class="ax_default _三级标题" data-label="美妆">
              <div id="u417_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u418" class="text" style="visibility: visible;">
                <p><span>美妆个护</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u419" class="ax_default _三级标题">
              <div id="u419_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u420" class="text" style="visibility: visible;">
                <p><span>占位符</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u421" class="ax_default _三级标题">
              <div id="u421_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u422" class="text" style="visibility: visible;">
                <p><span>占位符</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u423" class="ax_default _三级标题">
              <div id="u423_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u424" class="text" style="visibility: visible;">
                <p><span>占位符</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u425" class="ax_default _三级标题">
              <div id="u425_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u426" class="text" style="visibility: visible;">
                <p><span>占位符</span></p>
              </div>
            </div>

            <!-- 滑动线组合 (组合) -->
            <div id="u427" class="ax_default" data-label="滑动线组合">

              <!-- 滑动线 (水平线) -->
              <div id="u428" class="ax_default line" data-label="滑动线">
                <img id="u428_img" class="img " src="images/网站首页（中继器_母版_动态面板）/滑动线_u138.png"/>
                <!-- Unnamed () -->
                <div id="u429" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u430" class="ax_default box_1">
                <img id="u430_img" class="img " src="images/网站首页（中继器_母版_动态面板）/u140.png"/>
                <!-- Unnamed () -->
                <div id="u431" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>
            </div>

            <!-- 导航热区 (热区) -->
            <div id="u432" class="ax_default" data-label="导航热区">
            </div>

            <!-- Unnamed (热区) -->
            <div id="u433" class="ax_default">
            </div>

            <!-- Unnamed (热区) -->
            <div id="u434" class="ax_default">
            </div>

            <!-- Unnamed (热区) -->
            <div id="u435" class="ax_default">
            </div>

            <!-- Unnamed (热区) -->
            <div id="u436" class="ax_default">
            </div>

            <!-- Unnamed (热区) -->
            <div id="u437" class="ax_default">
            </div>

            <!-- Unnamed (热区) -->
            <div id="u438" class="ax_default">
            </div>

            <!-- Unnamed (热区) -->
            <div id="u439" class="ax_default">
            </div>

            <!-- 购物车数量 (组合) -->
            <div id="u440" class="ax_default" data-label="购物车数量">

              <!-- Unnamed (图片) -->
              <div id="u441" class="ax_default image">
                <img id="u441_img" class="img " src="images/网站首页（中继器_母版_动态面板）/u151.png"/>
                <!-- Unnamed () -->
                <div id="u442" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u443" class="ax_default _二级标题">
                <div id="u443_div" class=""></div>
                <!-- Unnamed () -->
                <div id="u444" class="text" style="visibility: visible;">
                  <p><span>0</span></p>
                </div>
              </div>

              <!-- Unnamed (垂直线) -->
              <div id="u445" class="ax_default line">
                <img id="u445_img" class="img " src="images/网站首页（中继器_母版_动态面板）/u155.png"/>
                <!-- Unnamed () -->
                <div id="u446" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="u398_state1" class="panel_state" data-label="扩展宽度导航栏">
          <div id="u398_state1_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u447" class="ax_default box_1">
              <div id="u447_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u448" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- 搜索框 (组合) -->
            <div id="u449" class="ax_default" data-label="搜索框">

              <!-- Unnamed (文本框) -->
              <div id="u450" class="ax_default text_field">
                <input id="u450_input" type="text" value=""/>
              </div>

              <!-- Unnamed (图片) -->
              <div id="u451" class="ax_default image">
                <img id="u451_img" class="img " src="images/网站首页（中继器_母版_动态面板）/u113.png"/>
                <!-- Unnamed () -->
                <div id="u452" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u453" class="ax_default image">
              <img id="u453_img" class="img " src="images/网站首页（中继器_母版_动态面板）/u115.png"/>
              <!-- Unnamed () -->
              <div id="u454" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u455" class="ax_default _二级标题">
              <div id="u455_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u456" class="text" style="visibility: visible;">
                <p><span>xxxx购物网站</span></p>
              </div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u457" class="ax_default line">
              <img id="u457_img" class="img " src="images/网站首页（中继器_母版_动态面板）/u167.png"/>
              <!-- Unnamed () -->
              <div id="u458" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u459" class="ax_default">

              <!-- 首页 (矩形) -->
              <div id="u460" class="ax_default _三级标题" data-label="首页">
                <div id="u460_div" class=""></div>
                <!-- Unnamed () -->
                <div id="u461" class="text" style="visibility: visible;">
                  <p><span>首页</span></p>
                </div>
              </div>

              <!-- 导航热区 (热区) -->
              <div id="u462" class="ax_default" data-label="导航热区">
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u463" class="ax_default">

              <!-- Unnamed (组合) -->
              <div id="u464" class="ax_default">

                <!-- 美食 (矩形) -->
                <div id="u465" class="ax_default _三级标题" data-label="美食">
                  <div id="u465_div" class=""></div>
                  <!-- Unnamed () -->
                  <div id="u466" class="text" style="visibility: visible;">
                    <p><span>美食保健</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (热区) -->
              <div id="u467" class="ax_default">
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u468" class="ax_default _三级标题">
              <div id="u468_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u469" class="text" style="visibility: visible;">
                <p><span>服饰鞋包</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u470" class="ax_default">

              <!-- 美妆 (矩形) -->
              <div id="u471" class="ax_default _三级标题" data-label="美妆">
                <div id="u471_div" class=""></div>
                <!-- Unnamed () -->
                <div id="u472" class="text" style="visibility: visible;">
                  <p><span>美妆个护</span></p>
                </div>
              </div>

              <!-- Unnamed (热区) -->
              <div id="u473" class="ax_default">
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u474" class="ax_default _三级标题">
              <div id="u474_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u475" class="text" style="visibility: visible;">
                <p><span>占位符</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u476" class="ax_default _三级标题">
              <div id="u476_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u477" class="text" style="visibility: visible;">
                <p><span>占位符</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u478" class="ax_default _三级标题">
              <div id="u478_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u479" class="text" style="visibility: visible;">
                <p><span>占位符</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u480" class="ax_default _三级标题">
              <div id="u480_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u481" class="text" style="visibility: visible;">
                <p><span>占位符</span></p>
              </div>
            </div>

            <!-- 滑动线组合 (组合) -->
            <div id="u482" class="ax_default" data-label="滑动线组合">

              <!-- 滑动线 (水平线) -->
              <div id="u483" class="ax_default line" data-label="滑动线">
                <img id="u483_img" class="img " src="images/网站首页（中继器_母版_动态面板）/滑动线_u138.png"/>
                <!-- Unnamed () -->
                <div id="u484" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u485" class="ax_default box_1">
                <img id="u485_img" class="img " src="images/网站首页（中继器_母版_动态面板）/u140.png"/>
                <!-- Unnamed () -->
                <div id="u486" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>
            </div>

            <!-- 购物车数量 (组合) -->
            <div id="u487" class="ax_default" data-label="购物车数量">

              <!-- Unnamed (图片) -->
              <div id="u488" class="ax_default image">
                <img id="u488_img" class="img " src="images/网站首页（中继器_母版_动态面板）/u151.png"/>
                <!-- Unnamed () -->
                <div id="u489" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u490" class="ax_default _二级标题">
                <div id="u490_div" class=""></div>
                <!-- Unnamed () -->
                <div id="u491" class="text" style="visibility: visible;">
                  <p><span>0</span></p>
                </div>
              </div>

              <!-- Unnamed (垂直线) -->
              <div id="u492" class="ax_default line">
                <img id="u492_img" class="img " src="images/网站首页（中继器_母版_动态面板）/u155.png"/>
                <!-- Unnamed () -->
                <div id="u493" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 1 (形状) -->
      <div id="u494" class="ax_default box_1 selected" data-label="1">
        <img id="u494_img" class="img " src="images/购物车页面（学习中继器_变量使用）/1_u494_selected.png"/>
        <!-- Unnamed () -->
        <div id="u495" class="text" style="visibility: visible;">
          <p><span>查看购物车</span></p>
        </div>
      </div>

      <!-- 2 (形状) -->
      <div id="u496" class="ax_default box_1" data-label="2">
        <img id="u496_img" class="img " src="images/购物车页面（学习中继器_变量使用）/1_u494.png"/>
        <!-- Unnamed () -->
        <div id="u497" class="text" style="visibility: visible;">
          <p><span>下单并付款</span></p>
        </div>
      </div>

      <!-- 3 (形状) -->
      <div id="u498" class="ax_default box_1" data-label="3">
        <img id="u498_img" class="img " src="images/购物车页面（学习中继器_变量使用）/1_u494.png"/>
        <!-- Unnamed () -->
        <div id="u499" class="text" style="visibility: visible;">
          <p><span>完成支付</span></p>
        </div>
      </div>

      <!-- 订单页面板 (动态面板) -->
      <div id="u500" class="ax_default" data-label="订单页面板">
        <div id="u500_state0" class="panel_state" data-label="购物车页面">
          <div id="u500_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u501" class="ax_default box_1">
              <div id="u501_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u502" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (复选框) -->
            <div id="u503" class="ax_default checkbox">
              <label for="u503_input">
                <!-- Unnamed () -->
                <div id="u504" class="text" style="visibility: visible;">
                  <p><span>全选</span></p>
                </div>
              </label>
              <input id="u503_input" type="checkbox" value="checkbox"/>
            </div>

            <!-- 购物车中继器 (中继器) -->
            <div id="u505" class="ax_default" data-label="购物车中继器">
              <script id="u505_script" type="axure-repeater-template" data-label="购物车中继器">

                <!-- Unnamed (矩形) -->
                <div id="u506" class="ax_default box_1 u506">
                  <div id="u506_div" class="u506_div"></div>
                  <!-- Unnamed () -->
                  <div id="u507" class="u507 text" style="display: none; visibility: hidden">
                    <p><span></span></p>
                  </div>
                </div>

                <!-- 复选框 (复选框) -->
                <div id="u508" class="ax_default checkbox u508" data-label="复选框">
                  <label for="u508_input">
                    <!-- Unnamed () -->
                    <div id="u509" class="u509 text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </label>
                  <input id="u508_input" type="checkbox" value="checkbox" class="u508_input"/>
                </div>

                <!-- 图片 (图片) -->
                <div id="u510" class="ax_default image u510" data-label="图片">
                  <img id="u510_img" class="img u510_img" src="images/购物车页面（学习中继器_变量使用）/图片_u510.png"/>
                  <!-- Unnamed () -->
                  <div id="u511" class="u511 text" style="display: none; visibility: hidden">
                    <p><span></span></p>
                  </div>
                </div>

                <!-- 商品名 (矩形) -->
                <div id="u512" class="ax_default _二级标题 u512" data-label="商品名">
                  <div id="u512_div" class="u512_div"></div>
                  <!-- Unnamed () -->
                  <div id="u513" class="u513 text" style="visibility: visible;">
                    <p><span>title</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u514" class="ax_default box_1 u514">
                  <div id="u514_div" class="u514_div"></div>
                  <!-- Unnamed () -->
                  <div id="u515" class="u515 text" style="display: none; visibility: hidden">
                    <p><span></span></p>
                  </div>
                </div>

                <!-- 减 (矩形) -->
                <div id="u516" class="ax_default button disabled u516" data-label="减">
                  <div id="u516_div" class="u516_div disabled"></div>
                  <!-- Unnamed () -->
                  <div id="u517" class="u517 text" style="visibility: visible;">
                    <p><span>-</span></p>
                  </div>
                </div>

                <!-- 数字 (矩形) -->
                <div id="u518" class="ax_default _一级标题 u518" data-label="数字">
                  <div id="u518_div" class="u518_div"></div>
                  <!-- Unnamed () -->
                  <div id="u519" class="u519 text" style="visibility: visible;">
                    <p><span>1</span></p>
                  </div>
                </div>

                <!-- 加 (矩形) -->
                <div id="u520" class="ax_default button u520" data-label="加">
                  <div id="u520_div" class="u520_div"></div>
                  <!-- Unnamed () -->
                  <div id="u521" class="u521 text" style="visibility: visible;">
                    <p><span>+</span></p>
                  </div>
                </div>

                <!-- 总价格 (矩形) -->
                <div id="u522" class="ax_default _三级标题 u522" data-label="总价格">
                  <div id="u522_div" class="u522_div"></div>
                  <!-- Unnamed () -->
                  <div id="u523" class="u523 text" style="visibility: visible;">
                    <p><span>118</span></p>
                  </div>
                </div>

                <!-- 删除此行按钮 (矩形) -->
                <div id="u524" class="ax_default primary_button u524" data-label="删除此行按钮">
                  <div id="u524_div" class="u524_div"></div>
                  <!-- Unnamed () -->
                  <div id="u525" class="u525 text" style="visibility: visible;">
                    <p><span>删除</span></p>
                  </div>
                </div>

                <!-- 总库存量 (矩形) -->
                <div id="u526" class="ax_default _三级标题 u526" data-label="总库存量">
                  <div id="u526_div" class="u526_div"></div>
                  <!-- Unnamed () -->
                  <div id="u527" class="u527 text" style="visibility: visible;">
                    <p><span>总库存量:100</span></p>
                  </div>
                </div>

                <!-- 总价格 (矩形) -->
                <div id="u528" class="ax_default _三级标题 u528" data-label="总价格">
                  <div id="u528_div" class="u528_div"></div>
                  <!-- Unnamed () -->
                  <div id="u529" class="u529 text" style="visibility: visible;">
                    <p><span>￥</span></p>
                  </div>
                </div>
              </script>
              <div id="u505-1" class="preeval" style="width: 900px; height: 100px;">

                <!-- Unnamed (矩形) -->
                <div id="u506-1" class="ax_default box_1 u506">
                  <div id="u506-1_div" class="u506_div"></div>
                  <!-- Unnamed () -->
                  <div id="u507-1" class="u507 text" style="display: none; visibility: hidden">
                    <p><span></span></p>
                  </div>
                </div>

                <!-- 复选框 (复选框) -->
                <div id="u508-1" class="ax_default checkbox u508" data-label="复选框">
                  <label for="u508-1_input">
                    <!-- Unnamed () -->
                    <div id="u509-1" class="u509 text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </label>
                  <input id="u508-1_input" type="checkbox" value="checkbox" class="u508_input"/>
                </div>

                <!-- 图片 (图片) -->
                <div id="u510-1" class="ax_default image u510" data-label="图片">
                  <img id="u510-1_img" class="img u510_img" src="images/购物车页面（学习中继器_变量使用）/p6.png"/>
                  <!-- Unnamed () -->
                  <div id="u511-1" class="u511 text" style="display: none; visibility: hidden">
                    <p><span></span></p>
                  </div>
                </div>

                <!-- 商品名 (矩形) -->
                <div id="u512-1" class="ax_default _二级标题 u512" data-label="商品名">
                  <div id="u512-1_div" class="u512_div"></div>
                  <!-- Unnamed () -->
                  <div id="u513-1" class="u513 text" style="visibility: visible;">
                    <p><span>鞋子</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u514-1" class="ax_default box_1 u514">
                  <div id="u514-1_div" class="u514_div"></div>
                  <!-- Unnamed () -->
                  <div id="u515-1" class="u515 text" style="display: none; visibility: hidden">
                    <p><span></span></p>
                  </div>
                </div>

                <!-- 减 (矩形) -->
                <div id="u516-1" class="ax_default button disabled u516" data-label="减">
                  <div id="u516-1_div" class="u516_div disabled"></div>
                  <!-- Unnamed () -->
                  <div id="u517-1" class="u517 text" style="visibility: visible;">
                    <p><span>-</span></p>
                  </div>
                </div>

                <!-- 数字 (矩形) -->
                <div id="u518-1" class="ax_default _一级标题 u518" data-label="数字">
                  <div id="u518-1_div" class="u518_div"></div>
                  <!-- Unnamed () -->
                  <div id="u519-1" class="u519 text" style="visibility: visible;">
                    <p><span>1</span></p>
                  </div>
                </div>

                <!-- 加 (矩形) -->
                <div id="u520-1" class="ax_default button u520" data-label="加">
                  <div id="u520-1_div" class="u520_div"></div>
                  <!-- Unnamed () -->
                  <div id="u521-1" class="u521 text" style="visibility: visible;">
                    <p><span>+</span></p>
                  </div>
                </div>

                <!-- 总价格 (矩形) -->
                <div id="u522-1" class="ax_default _三级标题 u522" data-label="总价格">
                  <div id="u522-1_div" class="u522_div"></div>
                  <!-- Unnamed () -->
                  <div id="u523-1" class="u523 text" style="visibility: visible;">
                    <p><span>118</span></p>
                  </div>
                </div>

                <!-- 删除此行按钮 (矩形) -->
                <div id="u524-1" class="ax_default primary_button u524" data-label="删除此行按钮">
                  <div id="u524-1_div" class="u524_div"></div>
                  <!-- Unnamed () -->
                  <div id="u525-1" class="u525 text" style="visibility: visible;">
                    <p><span>删除</span></p>
                  </div>
                </div>

                <!-- 总库存量 (矩形) -->
                <div id="u526-1" class="ax_default _三级标题 u526" data-label="总库存量">
                  <div id="u526-1_div" class="u526_div"></div>
                  <!-- Unnamed () -->
                  <div id="u527-1" class="u527 text" style="visibility: visible;">
                    <p><span>库存总量:100</span></p>
                  </div>
                </div>

                <!-- 总价格 (矩形) -->
                <div id="u528-1" class="ax_default _三级标题 u528" data-label="总价格">
                  <div id="u528-1_div" class="u528_div"></div>
                  <!-- Unnamed () -->
                  <div id="u529-1" class="u529 text" style="visibility: visible;">
                    <p><span>￥</span></p>
                  </div>
                </div>
              </div>
              <div id="u505-2" class="preeval" style="width: 900px; height: 100px;">

                <!-- Unnamed (矩形) -->
                <div id="u506-2" class="ax_default box_1 u506">
                  <div id="u506-2_div" class="u506_div"></div>
                  <!-- Unnamed () -->
                  <div id="u507-2" class="u507 text" style="display: none; visibility: hidden">
                    <p><span></span></p>
                  </div>
                </div>

                <!-- 复选框 (复选框) -->
                <div id="u508-2" class="ax_default checkbox u508" data-label="复选框">
                  <label for="u508-2_input">
                    <!-- Unnamed () -->
                    <div id="u509-2" class="u509 text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </label>
                  <input id="u508-2_input" type="checkbox" value="checkbox" class="u508_input"/>
                </div>

                <!-- 图片 (图片) -->
                <div id="u510-2" class="ax_default image u510" data-label="图片">
                  <img id="u510-2_img" class="img u510_img" src="images/购物车页面（学习中继器_变量使用）/p7.png"/>
                  <!-- Unnamed () -->
                  <div id="u511-2" class="u511 text" style="display: none; visibility: hidden">
                    <p><span></span></p>
                  </div>
                </div>

                <!-- 商品名 (矩形) -->
                <div id="u512-2" class="ax_default _二级标题 u512" data-label="商品名">
                  <div id="u512-2_div" class="u512_div"></div>
                  <!-- Unnamed () -->
                  <div id="u513-2" class="u513 text" style="visibility: visible;">
                    <p><span>裤子</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u514-2" class="ax_default box_1 u514">
                  <div id="u514-2_div" class="u514_div"></div>
                  <!-- Unnamed () -->
                  <div id="u515-2" class="u515 text" style="display: none; visibility: hidden">
                    <p><span></span></p>
                  </div>
                </div>

                <!-- 减 (矩形) -->
                <div id="u516-2" class="ax_default button disabled u516" data-label="减">
                  <div id="u516-2_div" class="u516_div disabled"></div>
                  <!-- Unnamed () -->
                  <div id="u517-2" class="u517 text" style="visibility: visible;">
                    <p><span>-</span></p>
                  </div>
                </div>

                <!-- 数字 (矩形) -->
                <div id="u518-2" class="ax_default _一级标题 u518" data-label="数字">
                  <div id="u518-2_div" class="u518_div"></div>
                  <!-- Unnamed () -->
                  <div id="u519-2" class="u519 text" style="visibility: visible;">
                    <p><span>2</span></p>
                  </div>
                </div>

                <!-- 加 (矩形) -->
                <div id="u520-2" class="ax_default button u520" data-label="加">
                  <div id="u520-2_div" class="u520_div"></div>
                  <!-- Unnamed () -->
                  <div id="u521-2" class="u521 text" style="visibility: visible;">
                    <p><span>+</span></p>
                  </div>
                </div>

                <!-- 总价格 (矩形) -->
                <div id="u522-2" class="ax_default _三级标题 u522" data-label="总价格">
                  <div id="u522-2_div" class="u522_div"></div>
                  <!-- Unnamed () -->
                  <div id="u523-2" class="u523 text" style="visibility: visible;">
                    <p><span>176</span></p>
                  </div>
                </div>

                <!-- 删除此行按钮 (矩形) -->
                <div id="u524-2" class="ax_default primary_button u524" data-label="删除此行按钮">
                  <div id="u524-2_div" class="u524_div"></div>
                  <!-- Unnamed () -->
                  <div id="u525-2" class="u525 text" style="visibility: visible;">
                    <p><span>删除</span></p>
                  </div>
                </div>

                <!-- 总库存量 (矩形) -->
                <div id="u526-2" class="ax_default _三级标题 u526" data-label="总库存量">
                  <div id="u526-2_div" class="u526_div"></div>
                  <!-- Unnamed () -->
                  <div id="u527-2" class="u527 text" style="visibility: visible;">
                    <p><span>库存总量:50</span></p>
                  </div>
                </div>

                <!-- 总价格 (矩形) -->
                <div id="u528-2" class="ax_default _三级标题 u528" data-label="总价格">
                  <div id="u528-2_div" class="u528_div"></div>
                  <!-- Unnamed () -->
                  <div id="u529-2" class="u529 text" style="visibility: visible;">
                    <p><span>￥</span></p>
                  </div>
                </div>
              </div>
              <div id="u505-3" class="preeval" style="width: 900px; height: 100px;">

                <!-- Unnamed (矩形) -->
                <div id="u506-3" class="ax_default box_1 u506">
                  <div id="u506-3_div" class="u506_div"></div>
                  <!-- Unnamed () -->
                  <div id="u507-3" class="u507 text" style="display: none; visibility: hidden">
                    <p><span></span></p>
                  </div>
                </div>

                <!-- 复选框 (复选框) -->
                <div id="u508-3" class="ax_default checkbox u508" data-label="复选框">
                  <label for="u508-3_input">
                    <!-- Unnamed () -->
                    <div id="u509-3" class="u509 text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </label>
                  <input id="u508-3_input" type="checkbox" value="checkbox" class="u508_input"/>
                </div>

                <!-- 图片 (图片) -->
                <div id="u510-3" class="ax_default image u510" data-label="图片">
                  <img id="u510-3_img" class="img u510_img" src="images/购物车页面（学习中继器_变量使用）/p8.png"/>
                  <!-- Unnamed () -->
                  <div id="u511-3" class="u511 text" style="display: none; visibility: hidden">
                    <p><span></span></p>
                  </div>
                </div>

                <!-- 商品名 (矩形) -->
                <div id="u512-3" class="ax_default _二级标题 u512" data-label="商品名">
                  <div id="u512-3_div" class="u512_div"></div>
                  <!-- Unnamed () -->
                  <div id="u513-3" class="u513 text" style="visibility: visible;">
                    <p><span>衣服</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u514-3" class="ax_default box_1 u514">
                  <div id="u514-3_div" class="u514_div"></div>
                  <!-- Unnamed () -->
                  <div id="u515-3" class="u515 text" style="display: none; visibility: hidden">
                    <p><span></span></p>
                  </div>
                </div>

                <!-- 减 (矩形) -->
                <div id="u516-3" class="ax_default button disabled u516" data-label="减">
                  <div id="u516-3_div" class="u516_div disabled"></div>
                  <!-- Unnamed () -->
                  <div id="u517-3" class="u517 text" style="visibility: visible;">
                    <p><span>-</span></p>
                  </div>
                </div>

                <!-- 数字 (矩形) -->
                <div id="u518-3" class="ax_default _一级标题 u518" data-label="数字">
                  <div id="u518-3_div" class="u518_div"></div>
                  <!-- Unnamed () -->
                  <div id="u519-3" class="u519 text" style="visibility: visible;">
                    <p><span>3</span></p>
                  </div>
                </div>

                <!-- 加 (矩形) -->
                <div id="u520-3" class="ax_default button u520" data-label="加">
                  <div id="u520-3_div" class="u520_div"></div>
                  <!-- Unnamed () -->
                  <div id="u521-3" class="u521 text" style="visibility: visible;">
                    <p><span>+</span></p>
                  </div>
                </div>

                <!-- 总价格 (矩形) -->
                <div id="u522-3" class="ax_default _三级标题 u522" data-label="总价格">
                  <div id="u522-3_div" class="u522_div"></div>
                  <!-- Unnamed () -->
                  <div id="u523-3" class="u523 text" style="visibility: visible;">
                    <p><span>414</span></p>
                  </div>
                </div>

                <!-- 删除此行按钮 (矩形) -->
                <div id="u524-3" class="ax_default primary_button u524" data-label="删除此行按钮">
                  <div id="u524-3_div" class="u524_div"></div>
                  <!-- Unnamed () -->
                  <div id="u525-3" class="u525 text" style="visibility: visible;">
                    <p><span>删除</span></p>
                  </div>
                </div>

                <!-- 总库存量 (矩形) -->
                <div id="u526-3" class="ax_default _三级标题 u526" data-label="总库存量">
                  <div id="u526-3_div" class="u526_div"></div>
                  <!-- Unnamed () -->
                  <div id="u527-3" class="u527 text" style="visibility: visible;">
                    <p><span>库存总量:98</span></p>
                  </div>
                </div>

                <!-- 总价格 (矩形) -->
                <div id="u528-3" class="ax_default _三级标题 u528" data-label="总价格">
                  <div id="u528-3_div" class="u528_div"></div>
                  <!-- Unnamed () -->
                  <div id="u529-3" class="u529 text" style="visibility: visible;">
                    <p><span>￥</span></p>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u530" class="ax_default _二级标题">
              <div id="u530_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u531" class="text" style="visibility: visible;">
                <p><span>商品</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u532" class="ax_default _二级标题">
              <div id="u532_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u533" class="text" style="visibility: visible;">
                <p><span>数量</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u534" class="ax_default _二级标题">
              <div id="u534_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u535" class="text" style="visibility: visible;">
                <p><span>总价</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u536" class="ax_default primary_button">
              <div id="u536_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u537" class="text" style="visibility: visible;">
                <p><span>立即购买</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u500_state1" class="panel_state" data-label="下单并付款页">
          <div id="u500_state1_content" class="panel_state_content">

            <!-- Unnamed (图片) -->
            <div id="u538" class="ax_default image">
              <img id="u538_img" class="img " src="images/购物车页面（学习中继器_变量使用）/u538.png"/>
              <!-- Unnamed () -->
              <div id="u539" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u540" class="ax_default button">
              <div id="u540_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u541" class="text" style="visibility: visible;">
                <p><span>成功支付</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u500_state2" class="panel_state" data-label="完成支付">
          <div id="u500_state2_content" class="panel_state_content">

            <!-- Unnamed (图片) -->
            <div id="u542" class="ax_default image">
              <img id="u542_img" class="img " src="images/购物车页面（学习中继器_变量使用）/u542.png"/>
              <!-- Unnamed () -->
              <div id="u543" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u544" class="ax_default button">
              <div id="u544_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u545" class="text" style="visibility: visible;">
                <p><span>完成支付</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (热区) -->
      <div id="u546" class="ax_default">
      </div>
    </div>
  </body>
</html>
